/*这里定义整个应用加载时的动画，进场前这里设置了缩放为0，
进场过程中缩放变为1，也就是100%，持续时间为500ms，
时间曲是ease-out，一种先快后慢的变化曲线*/

.appAppear-appear {
    opacity: 0;
    transform: scale(.7);
  }
  
  .appAppear-appear.appAppear-appear-active {
    opacity: 1;
    transform: scale(1);
    transition: 500ms ease-out;
  }
  
  /*设置进场前透明度为0，放缩为0*/
  .fade-enter {
    opacity: 0;
    transform: rotateY(180deg);
  }
  
  /*设置进场过程中 透明度为1，放缩为1，放缩的位置为左上角，持续时间为500ms，时间曲是ease-out */
  .fade-enter.fade-enter-active {
    opacity: 1;
    transition: .5;
  }